html { font-size: 17px; }




body { direction: rtl; margin: 0px; color: #2f323a; background-color: #ffffff; font-family: 'almoni-neue', 'RopaSans-Regular', arial; /*font-size:20px;*/ font-size: 17px; }
h1, h2, h3, h4, h5, h6 { font-family: 'almoni-neue', 'RopaSans-Regular', arial; color: inherit; }

table { padding: 0px; margin: 0px; }

td { vertical-align: top; padding: 0px; }

p { direction: rtl; margin-top: 0px; margin-bottom: 0px; color: inherit; }
ul, ol, dl { font-size: 100%; margin-right: 1.4rem; }
p { font-size: 110%; line-height: 150%; }
img { max-width: 100%; }
input[type="text"], input[type="password"] { outline: none; }
input[type="password"] { font-family: Arial; }

textarea { outline: none; }

span.fixEn { direction: ltr; display: inline-block; margin: 0; -webkit-transform: none; }
a, a:hover, a:focus { color: #2f323a; }

/*------------------------------------*\
   SiteGrid
\*------------------------------------*/
.bounce-up { transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
.bounce-up:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
.bounce-up > * { transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
.bounce-up:hover > * { box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.30); }
#SiteContainer { }

#SiteHeaderContainer { color: #000000; padding: 0px 25px; position: fixed; z-index: 3; background: #fff; width: 100%; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); }
#SiteGridContainer { position: relative; top: 80px; }
#SiteFooterContainer { margin-top: 160px; }

#SiteHeader { max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 30px; }

#SiteGrid { max-width: 100%; padding: 0px; margin: 0 auto; overflow: hidden; }

#GridRight { float: right; width: 250px; margin-left: 40px; }
#GridPage { float: right; width: 100%; }
#GridLeft { float: right; display: none; }
#GridTop { }
#GridContent { margin: 0 auto; }
#GridFooter { }

#PageLeft { }
#PageRight { }
#PageMenu { }
#PageHeader { }
#PageContent { }
#PageKdm { }
#PageFooter { }

#PageView { max-width: 1170px; margin: 0 auto; padding-bottom: 60px; }


#SiteGridBeforeImg { height: 100%; overflow: hidden; background-position: center; }
#SiteGridBeforeImg:before { content: ""; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right, rgba(47, 50, 58, 0.0), rgba(47, 50, 58, 0.3)); }
#SiteGridBeforeH1 { width: 1170px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 400%; color: #fff; padding: 0; line-height: 100%; margin: 0; }
#SiteGridBefore { position: relative; height: 411px; margin-bottom: 10px; }

section.row, section { max-width: 1170px; margin: 0 auto; float: none; }
section.moreArticlesWrapper { max-width: 100%; padding-bottom: 12px }
section.moreArticlesWrapper > div { max-width: 1170px; }


@media (max-width: 1170px) {
    #GridLeft { display: none; }
    #SiteGridBeforeH1 { max-width: 90%; }
}

@media (max-width: 1170px) {
    #SiteHeaderContainer { padding: 0 15px; position: fixed; width: 100%; background: #fff; z-index: 4; }

    #PageView { max-width: 95% }
    section.row, section { max-width: 95%; }
}

@media (max-width: 991px) {
    #GridPage { float: none; width: 100%; }
}

@media (max-width:767px) {
    #GridRight { float: none; width: 100%; margin: 0 auto; }
    #SiteHeader { margin-top: 0px; }
    section.row, section { max-width: 90%; }
    #PageView { max-width: 90% }
    #SiteGridBefore { margin-bottom: 10px; height: 250px; }
    #SiteGridBeforeH1 { font-size: 220%; max-width: 95%; }
}



/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) {
    #side-collapse-menu { width: 100% }
}

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

#search_form_header { margin-top: 10px; }
#search_form_header_input_continer { float: left; margin-left: 15px; }

@media(max-width:767px) {
    #search_form_header_input_continer { text-align: center; display: inline-block; margin: 0 auto; width: 100%; }
    #search_form_header_input { display: inline-block; }
    #search_form_header_submit { width: 40px; display: inline-block; }
}



/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel { border: 0px; border-radius: 0; border-top: 1px solid #ECECEC; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 14.5px 0; margin: 0; }
.accordion .panel:nth-child(2n) { background-color: #EDEDED; }
.accordion .panel:last-child { border-bottom: 1px solid #ddd; }
.accordion .panel-title { width: 95%; }
.accordion .panel-title > a { width: 100%; right: 0; top: 0; font-size: 24px; font-family: 'RaananSuperRegular','RopaSans-Regular',arial; }
.accordion .panel-title > a:hover { text-decoration: none; }
.accordion .panel-title > a:focus { text-decoration: none; }
.accordion .panel-collapse.collapse.in { }
.accordion .panel-default > .panel-heading { color: #333; background-color: transparent; border-color: #ddd; position: relative; margin-bottom: 10px; margin-top: 10px; margin-right: 15px; }
.accordion .panel-heading { padding: 10px 15px; border-bottom: 0; border-radius: 0px; }
.accordion .panel-title > a:after { content: " "; display: block; width: 20px; height: 20px; float: left; background-image: url('../../../000Frames/site/images/plus.png'); background-position: center center; background-repeat: no-repeat; }
.accordion .panel-title > a[aria-expanded~=true]:after { background: url('../../../000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center; }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px) {
    .panel.panel-default div p { padding-left: 0; padding-right: 30px; padding-top: 5px; width: 90%; }
    .accordion .panel-title > a:after { position: absolute; left: 7px; top: 50%; transform: translate(0,-50%); -webkit-transform:: translate(0,-50%); }
    .accordion .panel-default > .panel-heading { padding-right: 0; }
    .accordion .panel-title > a { padding-right: 0; font-size: 20px; font-weight: bold; }
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px; margin-bottom: 30px; direction: ltr; }
.owl-nav { }
.owl-item { text-align: center; height: 400px; overflow: hidden; }
.owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:991px) {
    .owl-item .item { margin: 0 auto; text-align: center; max-width: 250px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); }
}



/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader { position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10; }
.lightbox-gallery .lightbox-gallery-item
/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/
.lightbox-galleryVideo .lightbox-gallery-loader { position: absolute; top: 50%; left: 50%; z-index: 10; }
.lightbox-galleryVideo .lightbox-gallery-item { }


.popUpVideo .modal-header { border: none; }

.popUpVideo .vertical-alignment-helper { display: table; height: 100%; width: 100%; pointer-events: none; }

.popUpVideo .vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; }

.popUpVideo .modal-content { width: inherit; height: inherit; margin: 0 auto; pointer-events: all; background: none; box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -moz-box-shadow: 0px 0px 0px; border: none; }


.popUpVideo .modal-body iframe { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; }

.popUpVideo .modal-backdrop.fade.in { z-index: 0; }
.popUpVideo .close { opacity: 1 !important; color: #fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }


#leave-popup { padding: 0 !important; !i; !; }
#leave-popup .modal-content { background-color: #f4f4f4; width: 400px; height: 300px; margin: 0 auto; box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1); border-radius: 50px; }
#leave-popup .modal-content .close { position: absolute; width: 30px; height: 30px; top: -40px; opacity: 1; left: 50%; transform: translateX(-50%); }
#leave-popup .modal-content .close svg { width: 100%; height: 100%; }
#leave-popup .modal-content-title { font-size: 28px; margin: 0; }
#leave-popup .modal-content-title:after { content: ""; display: block; width: 100px; height: 6px; background-color: #00718f; margin: 0 auto; margin-top: 17px; }
#leave-popup .modal-content p { font-size: 18px; line-height: 1.3; }
#leave-popup .leave-pop-up-buttons { display: flex; flex-direction: column; gap: 6px; align-items: center; margin-top: 45px; }
#leave-popup .leave-pop-up-buttons button { background-color: transparent; border: none; padding: 0; color: #000; }
#leave-popup .leave-pop-up-buttons button.confirmLeave { background: #c21346; height: 40px; border-radius: 20px; background-color: #ffffff; box-shadow: -4.2px 4.2px 10px 0 rgba(47, 50, 58, 0.1); -webkit-box-shadow: -4.2px 4.2px 10px 0 rgba(47, 50, 58, 0.1); -moz-box-shadow: -4.2px 4.2px 10px 0 rgba(47, 50, 58, 0.1); display: block; padding: 0; font-size: 110%; line-height: 1.82; color: #2f323a; font-family: 'RaananSuperBold'; margin: 0 auto; text-align: center; width: 160px; }
#leave-popup .leave-pop-up-buttons button.confirmLeave:hover { background: #c63b67; }
#leave-popup .modal-vertical-align, #leave-popup .vertical-align-center { pointer-events: auto; }
#leave-popup .modal-backdrop { pointer-events: none; }

@media(max-width:767px) {
    #leave-popup .modal-content { max-width: 80vw; }
    #leave-popup { padding: 0 !important; }
}



/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps { margin-bottom: 30px; }
#PageBreadCrumps a br { display: none }

@media(max-width:991px) {
    #PageBreadCrumps { margin-bottom: 10px; margin-top: 10px; }
}

#PageBreadCrumps a:link { color: #5A5B5E; text-decoration: none !important; display: inline-block; padding-right: 25px; background-repeat: no-repeat; background-position: 50px 12px; position: relative; }

#PageBreadCrumps a:link:not(:first-child):after { content: ""; background-image: url(../images/breadcrumbs-arrow.png); */width:10px; height: 6px; width: 3px; position: absolute; right: 12px; top: 13px; z-index: 0; }
#PageBreadCrumps a:first-child { background-image: none; padding-right: 0; }
#PageBreadCrumps a:visited { color: #5A5B5E; text-decoration: none !important; font-size: 100%; }
#PageBreadCrumps a:hover { color: #5A5B5E; text-decoration: underline; font-size: 100%; }


@media(max-width:767px) {
    #PageBreadCrumps a:link { font-size: 90%; }
}
/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu { }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default { border: 0; background-color: transparent; }
#rightMenu .navbar { min-height: 0; margin-bottom: 0; }
#rightMenu .navbar-header { float: right; }

@media(max-width:767px) {
    #rightMenu .navbar-header { float: none; width: 100%; margin: 0; }
}
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

.mrw-dynamic-form { position: relative; }

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error { display: none; color: #BA975D; z-index: 9999; }

.mrw-dynamic-form .form-messages { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(255,255,255,0.8); }

.mrw-dynamic-form .error-message { color: red; display: none; }
.mrw-dynamic-form .mrw-form-label { font-weight: normal; }
.mrw-dynamic-form .form-group > div { margin-bottom: 15px; }
.mrw-dynamic-form .form-control { border: 1px solid silver; color: #000; background: none; font-size: 100%; padding-right: 10px; position: relative; cursor: text !important; background: none !important; }

.mrw-dynamic-form label.error { color: red; position: absolute; top: 0px; left: 15px; font-weight: normal; }
.mrw-dynamic-form .form-control.error { border-color: red; }


/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/


#contact-form-wiget .mrw-form-label { }
#contact-form-wiget .form-control { }
#contact-form-wiget .form-submit { }

@media(max-width:991px) {
    #contact-form-wiget { display: none; }
}

/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox { text-align: center; background-color: #1c1c1c; padding: 15px; }

#loginBox .loginBox-guest-hello { color: #F68B1F; line-height: 24px; margin-bottom: 10px; }
#loginBox .firstSentence { font-size: 130%; }
#loginBox .secondSentence { font-size: 165%; }

#loginBox #LoginBox-Buttons { padding-top: 20px; }
#loginBox #LoginBox-Buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; margin: 0px 5px; text-decoration: none; cursor: pointer; }

#loginBox #LoginBox-SignIn { width: 100%; margin-left: auto; margin-right: auto; overflow: auto; }
#loginBox #LoginBox-SignIn .login-field { margin-bottom: 12px; border-radius: 3px; border: none; width: 100%; padding: 5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit { float: left; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; cursor: pointer; text-decoration: none; }

#loginBox #LoginBox-SignIn .forgetPass { float: left; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }
#loginBox #LoginBox-SignIn .user-register { float: right; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }

#loginBox .loginBox-user-hello { color: #F68B1F; line-height: 24px; }
#loginBox .loginBox-user-buttons { padding-top: 20px; }
#loginBox .loginBox-user-buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 110%; padding: 2px 12px; margin: 0px 2px; text-decoration: none; cursor: pointer; margin-bottom: 10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; max-height: 0; display: block; overflow: hidden; opacity: 0; }

.dropdown.open .dropdown-menu { max-height: 200px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; opacity: 1; }


/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }


.sectiontTitle h2 { margin: 72px auto; text-align: center; font-size: 300%; line-height: 0.4; font-family: 'RaananSuperBold','RopaSans-Regular',arial; }

#subheadline h2, .Text1 h2, .Text2 h2 { margin: 0; padding: 0; font-size: 170%; font-weight: normal; margin-bottom: 30px; font-family: 'RaananSuperBold','RopaSans-Regular',arial; }
#subheadline h2:after, .Text1 h2:after, .Text2 h2:after { content: ""; display: block; width: 100px; height: 3px; mix-blend-mode: undefined; background-image: linear-gradient(to left, #c52759, #0091b5 99%); }
.Text2 h2 { margin-top: 40px; }

#writer { display: inline-block; margin: 5px 0 20px 30px; }
#dateOn { display: inline-block; margin-bottom: 20px; }
#writer img, #dateOn img { width: 16px; }
#text1 { margin-top: 20px; margin-bottom: 20px; }
#text1 strong { }
#text1 p { line-height: 120% }


#video video { width: 100%; height: auto; }

#remarks { font-size: 90%; }

span.symbol { font-size: 40%; vertical-align: 50%; }

.picD { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }



#body { max-width: 850px; font-size: 100%; }
#lobby { margin-bottom: 30px; }
#lobby h3 { font-family: 'RaananSuperBold','RopaSans-Regular',arial; color: #b4204f; font-size: 120%; margin: 0; margin: 5px 0; }
#body h4 { font-size: 120%; margin: 0; line-height: 1.2; }
strong { font-family: 'RaananSuperBold','RopaSans-Regular',arial; font-weight: normal; }

#lobby ol { list-style: none; counter-reset: li }
#lobby ol > li::before { content: counter(li)"."; color: #b4204f; display: inline-block; width: 1em; margin-right: -1em }
#lobby ol > li { counter-increment: li; line-height: 1.2; padding: 4px 0 10px 0; }
#lobby ol li ul { margin: 0; list-style-type: disc; line-height: 1.2; }
#lobby .Text2 ul { list-style: none; }
#lobby .Text2 ul li:before { content: "●"; font-size: 60%; color: #007794; position: absolute; right: -13px; line-height: 2; }
#lobby .Text2 ul li { position: relative; }

.generalBtn, input[type="submit"].generalBtn { transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; width: 249px; height: 50px; border-radius: 25px; background-color: #007794; box-shadow: -4.2px 4.2px 10px 0 rgba(47, 50, 58, 0.1); -moz-box-shadow: -4.2px 4.2px 10px 0 rgba(47, 50, 58, 0.1); -webkit-box-shadow: -4.2px 4.2px 10px 0 rgba(47, 50, 58, 0.1); font-size: 26px; text-align: center; color: #ffffff; display: block; vertical-align: middle; line-height: 50px; margin: 60px auto 6px; border: none; }
.generalBtn:hover, input[type="submit"].generalBtn:hover,
.generalBtn:focus, input[type="submit"].generalBtn:focus { -webkit-transform: translateY(-4px); transform: translateY(-4px); -moz-box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.25); color: #fff; text-decoration: none; background: #05708b; }

.Text1 p, .Text2 p, #lobby h3, #lobby ol { line-height: 1.2; }
#lobby ol { font-size: 110%; }

@media(max-width:1170px) {
    #headline { max-width: 90% }
}

@media (max-width:991px) {
    .sectiontTitle h2 { font-size: 250%; margin: 100px auto 57px; }
    .Text1 p, .Text2 p, #lobby h3, #lobby ol { line-height: 1.3; }
}

@media (max-width:767px) {
    .sectiontTitle h2 { font-size: 180%; line-height: 1; margin: 50px auto 10px; max-width: 278px; }
    .allArticles { width: auto; padding: 0 35px; }
    #headline { max-width: 95% }
    #headline h1 { font-size: 220%; }
    .topImage { margin-bottom: 40px; height: 250px; }
    .Text1 p, .Text2 p { font-size: 95%; }
    #lobby h3, #lobby h4 { font-size: 100%; }
    #lobby ol { font-size: 19px; }
    .Text1 p, .Text2 p, #lobby h3, #lobby h4, #lobby ol { line-height: 1.3; }
    #writer { margin: 0px; }
}

/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1170px; }

.no-marg { margin: 0px; }

.no-pad { padding: 0px; }

.p-vert { display: table; }

.c-vert { display: table-cell; vertical-align: middle; }

.f-h { height: 100%; }

.f-w { width: 100%; }

.margin-auto { margin: 0 auto }

@media (max-width: 767px) {
    .row > div { padding: 0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; text-align: center; }

#mrw-modal-1 { }
#mrw-modal-1 .modal-content { border-radius: 0px; background-color: transparent; display: inline-block; pointer-events: all; }







/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center; }
.grid-view .grid-box-image { padding-bottom: 56%; position: relative; overflow: hidden; }
.grid-view .grid-box-image a { display: block; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; }
.grid-view .grid-box-image img { margin: 0 auto; max-width: 100%; }



.grid-view.center-elements .row { font-size: 0px; text-align: center; }
.grid-view.center-elements .row > div { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; }






/*------------------------------------*\
    Fonts
\*------------------------------------*/

@font-face { font-family: 'RaananSuperLight'; src: url('../Fonts/RaananSuperLight.eot'); src: url('../Fonts/RaananSuperLight.eot?#iefix') format('embedded-opentype'), url('../Fonts/RaananSuperLight.woff') format('woff'), url('../Fonts/RaananSuperLight.svgz#RaananSuperLight') format('svg'), url('../Fonts/RaananSuperLight.svg#RaananSuperLight') format('svg'); font-weight: lighter; font-style: normal; unicode-range: U+590-5ff,U+000-03F; }


@font-face { font-family: 'RaananSuperRegular'; src: url('../Fonts/RaananSuper.eot'); src: url('../Fonts/RaananSuper.eot?#iefix') format('embedded-opentype'), url('../Fonts/RaananSuper.woff') format('woff'), url('../Fonts/RaananSuper.svgz#RaananSuperRegular') format('svg'), url('../Fonts/RaananSuper.svg#RaananSuperRegular') format('svg'); font-weight: normal; font-style: normal; unicode-range: U+590-5ff,U+000-03F; }


@font-face { font-family: 'RaananSuperBold'; src: url('../Fonts/RaananSuperBold.eot'); src: url('../Fonts/RaananSuperBold.eot?#iefix') format('embedded-opentype'), url('../Fonts/RaananSuperBold.woff') format('woff'), url('../Fonts/RaananSuperBold.svgz#RaananSuperRegular') format('svg'), url('../Fonts/RaananSuperBold.svg#RaananSuperRegular') format('svg'); font-weight: normal; font-style: normal; unicode-range: U+590-5ff,U+000-03F; }

@font-face { font-family: 'RaananRegular'; src: url('../Fonts/RaananRegular.eot'); src: url('../Fonts/RaananRegular.eot?#iefix') format('embedded-opentype'), url('../Fonts/RaananRegular.woff') format('woff'), url('../Fonts/RaananRegular.svgz#RaananSuperRegular') format('svg'), url('../Fonts/RaananRegular.svg#RaananSuperRegular') format('svg'); font-weight: normal; font-style: normal; unicode-range: U+590-5ff,U+000-03F; }

@font-face { font-family: 'RopaSans-Regular'; src: url('../Fonts/RopaSans-Regular.eot'); src: url('../Fonts/RopaSans-Regular.eot?#iefix') format('embedded-opentype'), url('../Fonts/RopaSans-Regular.woff') format('woff'), url('../Fonts/RopaSans-Regular.svgz#RaananSuperRegular') format('svg'), url('../Fonts/RopaSans-Regular.svg#RaananSuperRegular') format('svg'); font-weight: normal; font-style: normal; }


@font-face { font-family: 'almoni-neue-bold'; src: url('../Fonts/almoni-neue-bold.eot'); src: url('../Fonts/almoni-neue-bold.eot?#iefix') format('embedded-opentype'), url('../Fonts/almoni-neue-bold.woff') format('woff'), url('../Fonts/almoni-neue-bold.svgz#almoni-neue-bold') format('svg'), url('../Fonts/almoni-neue-bold.svg#almoni-neue-bold') format('svg'); font-weight: normal; font-style: normal; /*unicode-range: U+590-5ff,U+000-03F; */ }
@font-face { font-family: 'almoni-neue'; src: url('../Fonts/almoni-neue.eot'); src: url('../Fonts/almoni-neue.eot?#iefix') format('embedded-opentype'), url('../Fonts/almoni-neue.woff') format('woff'), url('../Fonts/almoni-neue.svgz#almoni-neue') format('svg'), url('../Fonts/almoni-neue.svg#almoni-neue') format('svg'); font-weight: normal; font-style: normal; /*unicode-range: U+590-5ff,U+000-03F; */ }

/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper { display: table; height: 100%; width: 100%; }

#popup-modal .vertical-align-center { display: table-cell; vertical-align: middle; z-index: 99999; }

#popup-modal .modal-header { border: none; padding: 0px; }

#popup-modal .close { display: block; float: none; margin: 0 auto; opacity: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; right: auto; }

#popup-modal .close span { color: #fff; }

#popup-modal .modal-body { text-align: center; }

#popup-modal .modal-content { border: 0px; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; width: auto; max-width: 90vw; }


.vertical-alignment-helper { display: table; height: 100%; width: 100%; }
.vertical-align-center { display: table-cell; vertical-align: middle; }




/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery { position: relative; min-height: 250px; }
.lightbox-gallery-item { display: none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery > .close, .blueimp-gallery > .title { top: 65px; display: block; }
.blueimp-gallery a.next { display: block !important; }
.blueimp-gallery a.prev { display: block !important; }
.blueimp-gallery ol.indicator { display: block !important; }
.blueimp-gallery a.play-pause { display: block !important; }





/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.flexslider { border: none; background: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow: 0 0px 0px rgba(0,0,0,0); overflow: hidden; border-radius: 0px; }

.flexslider .flexslider-item { display: block; /*min-height: 200px;*/ padding-bottom: 635px; background-size: cover; background-position: center center; }

.flexslider .flex-control-nav { bottom: 20px; z-index: 2; }
.flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,1); cursor: default; }
.flex-control-paging li a { background: #fff; background: rgba(255,255,255,0.7); background: transparent; border: 2px solid #fff; }
.flex-control-paging li a:hover { background: #fff; }
.flexslider .flexslider-item { position: relative; }
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
.flexslider-item-title { text-align: right; color: #fff; font-size: 140%; }
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%; }

@media(max-width:1440px) {
    .flexslider .flexslider-item { padding-bottom: 470px; }
}

@media(max-width:991px) {
    .flexslider .flexslider-item { padding-bottom: 75%; }
}

@media(max-width:767px) {
    .flexslider .flexslider-item { padding-bottom: 110%; background-position-x: left; }
    .flexslider .flexslider-item:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: 0.18; }
    .flexslider .flex-control-nav { bottom: -10px; }
}

/*------------------------------------*\
    Footer Style 
\*------------------------------------*/
#SiteFooter { margin-left: auto; margin-right: auto; overflow: hidden; background-color: #007895; background-image: url(../../../000Frames/site/images/bg-logo-element.png); background-position: 50% 25%; background-repeat: no-repeat; }
#SiteFooter .footerContact { color: #fff; margin-top: 60px; margin-bottom: 40px; margin: 0 auto; padding: 45px 0; }
#SiteFooter .footerBlockContent p { font-size: 110% }
#SiteFooter .footerBlockContent a { color: #fff; }
#SiteFooter .gsImg img { float: left; }
#SiteFooter .footerBlockTitle { text-align: center; font-size: 140%; }
#SiteFooter .footerlinksDesktop.row { max-width: 100% }
#SiteFooter .footerBlockSocial { margin-top: 10px; }
#SiteFooter .footerBlockSocial a { margin-left: 10px; text-decoration: none; }
#SiteFooter .footerBlockSocial a img { max-height: 20px; max-width: 30px; }
.footerBottom { margin: 0 auto; color: #747c83; padding: 25px 0; }
.footerText { padding-bottom: 30px; }
.footerBottom h5 { font-size: 110%; margin: 0; }
.footerBottom p { font-size: 100%; line-height: 85%; }
.footerBottom .clrImg { direction: ltr; }
.footerBottom .clrImg img { max-width: 150px; }


@media(min-width:991px) {
    .footerBottom { max-width: 1170px !important }
}

@media(max-width:767px) {
    #SiteFooter { background-size: 230%; }
    #SiteFooter .gsImg img { max-width: 140px; float: none; }
    .footerBottom .clrImg img { margin: 0 auto 30px; display: block; max-width: 100px; }
    .footerText { text-align: center; margin-top: 20px; font-size: 90%; padding: 0; }
    .footerText h5 { margin: 0px; font-size: 90%; line-height: 1; }
    .footerText p { line-height: 1.2; font-size: 80%; }
    #SiteFooter .footerBlockSocial { text-align: center; float: left; width: 100%; }
}
/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooterContainer { background: #f4f4f4; clear: both; }
#UnderSiteFooter { padding: 12px 20px; }
#UnderSiteFooter .creditLogo { height: 13px; }

@media (max-width:767px) {
    #SiteFooter .footerContact { padding: 25px 0; }
    .footerBottom { padding: 15px 0; }
    .footerBottom .clrImg img { margin-bottom: 15px; }
}
/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/
.row { max-width: 100%; }
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: left; }

@media (min-width: 768px) {

    .col-sm-15 { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-15 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-15 { width: 20%; float: left; }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
.bootbox .modal-footer { text-align: center; }
.bootbox .modal-footer button { margin: 10px; }
.bootbox .modal-footer .btn + .btn { margin-bottom: 10px; }
.bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

@media(max-width:767px) {
    .bootbox .modal-dialog { width: 80%; }
}


.fadeInElement { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); }

.grid-box-title { color: #b4204f; font-size: 130%; margin: 0; line-height: 110%; }
.ArticlesSummary { color: #747c83; font-size: 93%; line-height: 100%; margin-top: 10px; margin-bottom: 2px; }
.ArticlesFirstReadMore { color: #007794; }
.grid-box-image { height: 200px; }
.grid-box-image > div { height: 100%; width: 100%; background-size: cover; }
.grid-box-image > div.videoIcon { position: absolute; width: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); height: 100px; z-index: 2 }
.grid-box-image > div.audioIcon { position: absolute; width: 40px; bottom: 12px; left: 12px; height: 40px; z-index: 2 }
.grid-box-content { padding: 13px; }
.grid-box { margin-top: 30px; }

@media(min-width:768px) {
    .grid-box .grid-box-wrapper { background: #f4f4f4; width: 100%; height: 390px; }
    .bigFirstArticle .ArticlesFirstBox { margin-top: 0; }
    .bigFirstArticle .ArticlesFirstBox .grid-box-image { height: 100%; }
    .bigFirstArticle .ArticlesFirstBox .grid-box-wrapper { height: 400px; }
    .bigFirstArticle .ArticlesFirstBox.ArticlesFirstBox .grid-box-title { font-size: 250%; line-height: 100%; }
    .bigFirstArticle .ArticlesFirstBox .ArticlesSummary { font-size: 110%; line-height: 120%; margin-top: 13px; margin-bottom: 10px; }
    .bigFirstArticle .ArticlesFirstBox .ArticlesFirstReadMore { font-size: 110%; }
    .bigFirstArticle .ArticlesFirstBox .grid-box-content { position: absolute; left: 0px; padding: 26px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); height: auto; }
    .row:not(.bigFirstArticle) .grid-box1 { width: 33.33%; }
    .row:not(.bigFirstArticle) .grid-box1 .grid-box-image { width: 100%; }
    .row:not(.bigFirstArticle) .grid-box1 .grid-box-content { width: 100%; }
    .grid-box .grid-box-image:after { content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; width: 100%; height: 100%; top: 0; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; opacity: 0 }
    .grid-box:hover .grid-box-image:after { opacity: 1 }
}

@media(max-width:1170px) and (min-width:992px) {
    .grid-box .grid-box-wrapper { height: 400px; }
    .bigFirstArticle .ArticlesFirstBox .ArticlesSummary { padding-left: 40px; }
}

@media(max-width:991px) and (min-width:768px) {
    .bigFirstArticle .ArticlesFirstBox.ArticlesFirstBox .grid-box-title { font-size: 173%; }
    .bigFirstArticle .ArticlesFirstBox .ArticlesSummary { font-size: 100%; }
    .bigFirstArticle .ArticlesFirstBox .grid-box-wrapper,
    .grid-box .grid-box-wrapper { height: 335px; }
    .limitedList .grid-box4 { display: none; }
    .grid-box { margin-top: 23px; padding: 0 12px; }
    .grid-box-content { padding: 9px; height: 135px; }
    .grid-box-title { font-size: 120%; }
    .row:not(.bigFirstArticle) .grid-box1 { width: 50%; }
}

@media(max-width:767px) {
    .grid-box-content { background: #f4f4f4; }
}

.audioplayer { direction: ltr; max-width: 420px; height: 70px; }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-left-color: #007794; }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause { border-color: #007794; width: 40px; height: 40px; }
.audioplayer-playing .audioplayer-playpause { width: 40px; height: 40px; }
.audioplayer-volume-adjust div div { background-image: linear-gradient(to left, #c52759, #0091b5 99%); }
.audioplayer-time, .audioplayer-time-duration { font-size: 100%; }
.audioplayer-bar-played { background-image: linear-gradient(to left, #c52759, #0091b5 99%); }
.audioplayer-playing .audioplayer-bar-played::after, .audioplayer-playing .audioplayer-playpause { border-color: #c52759; }
.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after { background-color: #c52759; }

strong { font-family: 'almoni-neue-bold'; }
#subheadline h2, .Text1 h2, .Text2 h2 { font-family: 'almoni-neue-bold','RopaSans-Regular',arial; }
.sectiontTitle h2 { font-family: 'almoni-neue-bold'; }

#media-video-pop .modal-vertical-align,
#media-video-pop .vertical-align-center { pointer-events: auto; }


.oldSiteBtn { position: fixed; bottom: 10px; right: 10px; background: #1a86a0; color: #fff; padding: 10px; }